﻿<div id="loading_contain">
    <div id="rotate_contain">
        <div class="bar1">
        </div>
        <div class="bar2">
        </div>
        <div class="bar3">
        </div>
        <div class="bar4">
        </div>
        <div class="bar5">
        </div>
        <div class="bar6">
        </div>
        <div class="bar7">
        </div>
        <div class="bar8">
        </div>
    </div>
    <div class="loading_text">
        加载中 . . .
    </div>
    <script type="text/javascript">
        var count = 0;
        function rotate() {
            var elem5 = document.getElementById('rotate_contain');
            elem5.style.MozTransform = 'scale(0.5) rotate(' + count + 'deg)';
            elem5.style.WebkitTransform = 'scale(0.5) rotate(' + count + 'deg)';
            if (count == 360) { count = 0 }
            count += 45;
            window.setTimeout(rotate, 100);
        }

        window.setTimeout(rotate, 100);
    </script>
</div>
